<template>
  <div class="page flex-col">
    <div class="section_1 flex-col">
      <div class="group_1 flex-col">
        <div class="box_2 flex-row">
          <div class="image-text_1 flex-col">
            <div class="section_2 flex-row">
              <div class="image-text_2 flex-row justify-between">
                <img
                  class="label_1"
                  referrerpolicy="no-referrer"
                  src="./assets/img/SketchPng98145f98fab8a6d68da30ef6d7f60d990c2dd05c986233bfc226e1543f2bfcc2.png"
                />
                <span class="text-group_1">个人中心</span>
              </div>
              <div class="image-text_3 flex-row justify-between" @click="goMy">
                <img
                  class="label_1"
                  referrerpolicy="no-referrer"
                  src="./assets/img/SketchPng98145f98fab8a6d68da30ef6d7f60d990c2dd05c986233bfc226e1543f2bfcc2.png"
                />
                <span class="text-group_1">个人中心</span>
              </div>
            </div>
            <div class="text-group_2 flex-row justify-between">
              <span class="text_3">HI,</span>
              <span class="text_4">我是您的私人助理</span>
            </div>
          </div>
        </div>
      </div>
      <div class="group_2 flex-col">
        <div class="group_3 flex-row justify-between">
          <div class="image-text_4 flex-row justify-between">
            <img
              class="label_2"
              referrerpolicy="no-referrer"
              src="./assets/img/SketchPngbfcc42156a889a49048c114b9d8fe6d2a2c24c40c50a63ac6c9132df5684f190.png"
            />
            <span class="text-group_3">乐高老师</span>
          </div>
          <!-- <div class="text-wrapper_2 flex-col"><span class="text_5">进入</span></div> -->
        </div>
        <div class="list_1 flex-col">
          <div class="image-text_5 flex-row justify-between" v-for="(item, index) in loopData0" :key="index" @click="goChat(item)">
            <img class="image_2" referrerpolicy="no-referrer" :src="item.lanhuimage0" />
            <div class="text-group_4 flex-col">
              <span class="text_6" v-html="item.lanhutext0"></span>
              <span class="text_7" v-html="item.lanhutext1"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9ee4c243a34479b72766515141d86ed321147a17b81d2e0bb752a3e475721ec9',
          lanhutext0: '乐高课课评助手',
          lanhutext1: '提供关键信息，一键生成乐高课后评价'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbd1747a6af13883ca00829406d4944f7386de9ae291be7f1b1a5befe83c7b63e',
          lanhutext0: '乐高课教案编写',
          lanhutext1: '一键生成乐高课程教案'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge4b8a2a2e9a3ac68a712532b2885c38d7a46585afde016bcc5f0810cd0a01fcc',
          lanhutext0: '少儿编程课评助手',
          lanhutext1: '提供关键信息，一键生成少儿编程课评助手'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdc267ae414acc77ac11e6e257af3f534fdf53fc4ff7eacef4ae420f4c7aef7fc',
          lanhutext0: '少儿编程课教案编写',
          lanhutext1: '一键生成少儿编程课教案'
        }
      ],
      constants: {}
    };
  },
  methods: {
    goChat (item) {
      console.log('item',item)
      this.$router.push({
        path:'/chat',
        query: {
          name: item.lanhutext0
        }
      })
    },
    onClickLeft() {
      this.$router.back();
    },
    goMy () {
      this.$router.push({
        path:'/my'
      })
    }
  }
};
</script>
<style scoped lang="less" src="./assets/index.response.less" />